<#macro doctype>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
</#macro>

<#macro head title="助跑网-梦开始的地方" charset="UTF-8">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=${charset}"/>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>${title}</title>

<link rel="stylesheet" type="text/css" href="../includes/styles/skins/Green/layout/css/basic.css" />
<link rel="stylesheet" type="text/css" href="../includes/styles/skins/Green/layout/css/css.css" />
<link rel="stylesheet" type="text/css" href="../includes/styles/skins/Green/layout/css/amazon_scroller.css" />


<!--[if IE 6]>
<style type="text/css">
	#header #top_nav{
    	top:expression(eval(document.documentElement.scrollTop));  
    }
</style>
<![endif]-->
<!--[if lte IE 6]>
<script src="${base}/includes/js/webjs/DD_belatedPNG_0.0.8a.js" type="text/javascript"></script>
    <script type="text/javascript">
        DD_belatedPNG.fix('div, ul, img, li, input , a');
    </script>
<![endif]--> 

<script type="text/javascript" src="../includes/js/jsComponent/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="../includes/js/jsLayout/amazon_scroller.js"></script>


<script language="javascript" type="text/javascript">
	$(function() {
		$("#amazon_scroller1").amazon_scroller({
			scroller_title_show: 'enable',
			scroller_time_interval: '2000',
			scroller_window_background_color: "#FFF",
			scroller_window_padding: '10',
			scroller_border_size: '1',
			scroller_border_color: '#dbdbdb',
			scroller_images_width: '133',
			scroller_images_height: '168',
			scroller_title_size: '12',
			scroller_title_color: 'black',
			scroller_show_count: '4',
			directory: 'images'
		});	
	});
</script>
<script type="text/javascript">
	$(document).ready(function(){
		$('.tab_dt:first').addClass('active');
		$('.tab_dd:first').css('display','block');
		autoroll();
		hookThumb();
	});
	var i=-1; //第i+1个tab开始
	var offset = 2500; //轮换时间
	var timer = null;
	function autoroll(){
		n = $('.tab_dt').length-1;
		i++;
		if(i > n){
		i = 0;
		}
		slide(i);
		timer = window.setTimeout(autoroll, offset);
		}
	function slide(i){
		$('.tab_dt').eq(i).addClass('active').siblings().removeClass('active');
		$('.tab_dd').eq(i).css('display','block').siblings('.tab_dd').css('display','none');
		
		}
	function hookThumb(){    
		$('.tab_dt').hover(
	  function () {
		if (timer) {
					clearTimeout(timer);
		i = $(this).prevAll().length;
					slide(i); 
				}
	  },
	  function () {
				
				timer = window.setTimeout(autoroll, offset);  
				this.blur();            
				return false;
	  }
	); 
	}
</script>
<script language="javascript" type="text/javascript">
		function showSubLevel(Obj){
			Obj.className="hover";
		}
		function hideSubLevel(Obj){
			Obj.className="";
		}
</script>
<#nested/>
</head>
</#macro>

<#macro header>
<div id="header">
	<div id="top_nav">
    	<div id="top">
	    	欢迎来到助跑网
	    	<span class="logIn">
		    	<!--此处的userName为session里面保存的值-->
		    	<#if userName?exists>   
		        	<font color="red">${userName}</font>
		     	<#else >
		     		<font color="red">您还未登录！</font>|
		       		<a href="${base}/user/changeToLogin.action">登录</a>|
					<a href="${base}/user/changeToRegister.action">注册</a>
		    	</#if>
		    		|<a href="${base}/user/logout.action">退出</a>
	    	</span>
	    	
            <#if userName?exists>
				<span class="user">
					<span class="jian-ge">
					<a href="${base}/user/perIndex.action">我的助跑网</a>
					</span>|
				</span>
			<#else >
				<span class="user">
					<span class="jian-ge">
						<a href="##">我的助跑网</a>
					</span>|
				</span>
			</#if>
	    	<span class="jian-ge">
	    		<a href="">团队管理</a>
			</span>|
	    	<span class="jian-ge">
	    		<a href="">企业管理</a>
			</span>	    	
		</div>
    </div>
    <div id="logo">
    	<div id="logo_img"><img src="../includes/styles/skins/Green/layout/images/logo.jpg" title="助跑网" alt="助跑网"/></div>
    	<div id="search">
        	<p><form name="search" action="post">
            <input type="text" size="30" class="text"/><a href=""><input type="submit" class="submit" value="搜索"/></a>
            	</form>
            </p>
            <p class="team"><a href="http://www.new-thread.com">新思路团队 </a>&nbsp;&nbsp;&nbsp;<a href="###">比特工场</a>&nbsp;&nbsp;&nbsp;<a href="###">焦点网络</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="more"><a href="###">more>></a></span></p>
        </div>
    </div>
    <div id="nav">
    <ul class="inner">
        <li class="li1">
        	<a href="${base}/index/main.action">助跑首页</a>
		</li>
		<li onmouseover="showSubLevel(this)" onmouseout="hideSubLevel(this)" class="li1">
         	<a href="">平台快讯</a>
			<ul>
				<li><a href="${base}/hatchnav/centernews.action">中心新闻</a></li>
		        <li><a href="${base}/hatchnav/noticeanno.action">通知公告</a></li>
			</ul>
		</li>
       	<li onmouseover="showSubLevel(this)" onmouseout="hideSubLevel(this)" class="li1">
       		<a href="${base}/hatchnav/towisdomnav.action">智慧解读</a>
        </li>
		<li class="li1">
        	<a href="${base}/tenderbid/index.action">项目中心</a>
        </li>
		<li class="li1">
     		<a href="${base}/match/toCompPub.action">赛事相关</a>
		</li>
        <li onmouseover="showSubLevel(this)" onmouseout="hideSubLevel(this)" class="li1">
        	<a href="">人才市场</a>
            <ul>
            	<li><a href="${base}/recruityu/index.action">企业招聘</a></li>
				<li><a href="${base}/recruityu/commList.action">招聘信息</a></li>
            	<li><a href="${base}/recruitwa/EnterReply.action">招聘动态</a></li>
            </ul>
        </li>
        <li onmouseover="showSubLevel(this)" onmouseout="hideSubLevel(this)" class="li1">
        	<a href="">社区风采</a>
            <ul>
	            <li><a href="${base}/team/showallteams.action">团队风采</a></li>
	            <li><a href="">企业风采</a></li>
            </ul>
        </li>
     	<li onmouseover="showSubLevel(this)" onmouseout="hideSubLevel(this)" class="li1">
        	<a href="#">个性服务</a>
            <ul>
	            <li><a href="">团队服务</a></li>
	            <li><a href="">企业服务</a></li>
            </ul>
        </li>
	</ul>
    </div>
</div>

</#macro>

<#macro content>
	<#nested/>	
</#macro>

<#macro contentplace place="">
<div id="contentplace">
	<font color="blue">当前位置：</font>${place}
</div>
</#macro>

<#macro bottom>
<div id="footer">
	<p class="foot"><a href="###">关于我们</a> | <a href="###">联系我们</a> | <a href="###">人才招聘</a> | <a href="###">企业入驻</a> | <a href="###">个性定制</a> | <a href="###">广告服务</a> | <a href="###">移动终端</a> | <a href="###">友情链接</a> | <a href="###">助跑联盟</a> | <a href="###">助跑论坛</a> </p>
    <p class="foot"> Copyright © 2012  <a href="http://www.new-thread.com">新思路团队 </a>版权所有</p>
</div>
</#macro>





